.public-transfer {
  position: relative;
  .pay-for-panel,
  .other-info-panel{
    padding: 23rpx 27rpx 38rpx 40rpx;
    background-color: @color-origin-white;
    &__icon {
      text-align:center;
      .icon {
        width: 83rpx;
        height: 83rpx;
        object-fit: cover;
      }
    }
    &__tips {
      margin-top: 17rpx;
      text-align: center;
      font-family: 'ali-p';
      font-size: 31rpx;
      color: @color-light-grey-text;
    }

    .cell {
      padding: 37rpx 0 9rpx 0;
      border-bottom: 1px solid @color-light-grey-border;
      .main {
        display: flex;
        justify-content: space-between;
        font-family: 'ali-p';
        font-size: 31rpx;
        color: @color-black-text;
        .account {
          display: flex;
          align-items: center;
          color: @color-deep-green-text;
          .copy-btn {
            margin-left: 12rpx;
            width: 45rpx;
            height: 23rpx;
            line-height: 23rpx;
            text-align: center;
            border: 1px solid @color-border-grey;
            font-family: 'ali-p';
            font-size: 20rpx;
            color: @color-grey-text;
          }
        }
        .label {
          max-width: 188rpx;
        }
        .value {
          max-width: calc(100% - 216rpx);
        }
      }
      .desc {
        margin-top: 9rpx;
        font-family: 'ali-p';
        font-size: 23rpx;
        color: @color-light-grey-text;
      }
    }
  }

  .other-info-panel {
    margin-top: 40rpx;
    .desc {
      font-family: 'ali-p';
      font-size: 23rpx;
      color: @color-light-grey-text;
    }
    .tips
    {
      display: flex;
      flex-direction: column;
      justify-content: space-around;
      .desc {
        margin-top: 20rpx;
      }
    }
  }

  .fixed-btn {
    position: fixed;
    bottom: 0;
    width: 100%;
    padding: 24rpx 24rpx 34rpx;
    box-sizing: border-box;
    background-color: @color-origin-white;
  }
}
